21 - 节点操作集合（添加，删除，替换，复制）

添加

1. 内部添加

   • 会将元素添加到指定元素内部的最后

     $("ul").append($li);
     $li.appendTo("ul");

   • 会将元素添加到指定元素内部的最前面

     $("ul").prepend($li);
     $li.prependTo("ul");

2. 外部添加

   • 会将元素添加到指定元素外部的后面

     $("ul").after($li);
     $li.insertAfter("ul");

   • 会将元素添加到指定元素外部的前面

     $("ul").before($li);
     $li.insertAfter("ul");

删除

1. 利用remove删除之后再重新添加,原有的事件无法响应$("div").remove();
2. 利用detach删除之后再重新添加,原有事件可以响应$("div").detach();

替换

//将h1替换为h6
$("h1").replaceWith($h6);
$h6.replaceAll("h1");

复制

1. 浅复制：只复制元素, 不会复制元素的事件

var $li = $("li:first").clone(false);

2. 深复制：会复制元素, 而且还会复制元素的事件

var $li = $("li:first").clone(true);